<!DOCTYPE html>
<html>
	<head>
		<title>分类</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,user-scalable=no" />
		<meta name="keywords" content="sum-L" />
		<meta name="description" content="大胆" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/classify.css" />
	</head>
	<body>
		<div class="web">
			<!--头部S-->
			<header class="clear_fix">
				<div class="header_left fl">
					<button type="button" onclick="javascript:history.back(-1)">Back</button>
				</div>
				<div class="header_right fr">
					<select name="">
						<option value="">广州市</option>
						<option value="">深圳市</option>
						<option value="">东莞市</option>
					</select>
				</div>
				<div class="header_center ">
					<p>
						<a href="">发现</a>
					</p>
				</div>
			</header>
			<!--头部E-->
			<!--内容	S-->
			<section class="clear_fix">
				<div class="classify_all clear_fix">
					<div class="classify_all_food fl">
						<div class="classify_all_img">
							<img src="img/classify/classify (1).png"/>
						</div>
						<p>美食</p>
					</div>
					<div class="classify_all_food fl">
						<div class="classify_all_img">
							<img src="img/classify/classify (2).png"/>
						</div>
						<p>电影</p>
					</div>
					<div class="classify_all_food fl">
						<div class="classify_all_img">
							<img src="img/classify/classify (3).png"/>
						</div>
						<p>运动</p>
					</div>
					<div class="classify_all_food fl">
						<div class="classify_all_img">
							<img src="img/classify/classify (4).png"/>
						</div>
						<p>唱歌</p>
					</div>
				</div>
			    <div class="pulic_bar">
			    	<p><i class="iconfont icon-meishi"></i>美食类<span>更多<i class="iconfont icon-arrow-circle-o-right"></i></span></p>
			    </div>
			    <div class="classify_food clear_fix">
			    	<div class="classify_food_img fl">
			    		<img src="img/classify/foods (1).png"/>
			    	</div>
			    	<div class="classify_food_img fl">
			    		<img src="img/classify/foods (2).png"/>
			    	</div>
			    	<div class="classify_food_img fl">
			    		<img src="img/classify/foods (3).png"/>
			    	</div>
			    	<div class="classify_food_img fl">
			    		<img src="img/classify/foods (4).png"/>
			    	</div>
			    </div>
			    <div class="pulic_bar">
			    	<p><i class="iconfont icon-meishi"></i>运动类<span>更多<i class="iconfont icon-arrow-circle-o-right"></i></span></p>
			    </div>
			    <div class="classify_food clear_fix">
			    	<div class="classify_food_img fl">
			    		<img src="img/classify/soprt (1).png"/>
			    	</div>
			    	<div class="classify_food_img fl">
			    		<img src="img/classify/soprt (2).png"/>
			    	</div>
			    	<div class="classify_food_img fl">
			    		<img src="img/classify/soprt (3).png"/>
			    	</div>
			    	<div class="classify_food_img fl">
			    		<img src="img/classify/soprt (4).png"/>
			    	</div>
			    </div>
			    <div class="pulic_bar">
			    	<p><i class="iconfont icon-meishi"></i>电影类<span>更多<i class="iconfont icon-arrow-circle-o-right"></i></span></p>
			    </div>
			    <div class="classify_food clear_fix">
			    	<div class="classify_food_img fl">
			    		<img src="img/classify/movie (1).png"/>
			    	</div>
			    	<div class="classify_food_img fl">
			    		<img src="img/classify/foods (2).png"/>
			    	</div>
			    	<div class="classify_food_img fl">
			    		
			    	</div>
			    	<div class="classify_food_img fl">
			    		
			    	</div>
			    </div>
			</section>
			<!--内容	E-->
			<!--尾部S-->
			<footer>
				<ul class="clear_fix">
					<li class="fl">
						<a href="index.html">
							<i class="iconfont icon-iconfontshouye my_icon"></i>
							<p>首页</p>
						</a>
					</li>
					<li class="fl">
						<a href="classify.html">
							<i class="iconfont icon-fenlei my_icon"></i>
							<p>分类</p>
						</a>
					</li>
					<li class="fl">
						<a href="find.html">
							<i class="iconfont icon-faxian my_icon"></i>
							<p>发现</p>
						</a>
					</li>
					<li class="fl">
						<a href="my.html">
							<i class="iconfont icon-rentou  my_icon"></i>
							<p>我的</p>
						</a>
					</li>
				</ul>
			</footer>
			<!--尾部E-->

		</div>
	</body>
</html>
